<!DOCTYPE html>
<html>
<head>
    <title>{{ the_title }}</title>
    <style>
        body {
            background-color: #81a2be;

        }

        .img1 img {
            width: 400px;
            height: 200px;
        }

        input[type=text] {
            font-size: 100%;
            width: 30em;
        }

        input[type=password] {
            font-size: 115%;
            width: 30em;
        }

        input[type=submit] {
            font-size: 125%;
        }
    </style>
</head>
<body>
<div class="h1" style="text-align: center">
    <h1 class="title">天气</h1>
</div>
<div style="width: 100%;;margin-top: 50px">

    <div style="width: 10%;float: left;">
        <p></p>
    </div>


    <div style="width: 50%;float: left;">
        <table>
            <div class="function" style="font-size: 18px">
                <p class="r">城市：<label>{{ city }}</label></p>
                <p class="r">天气：<label>{{ weather }}</label></p>
                <p class="r">温度：<label>{{ temperature }}</label></p>
            </div>
        </table>
    </div>


</div>


</body>
</html>